<template>
  <div class="shopping">
    <nav-bar :font-color="'white'">
      <div slot="center">购物车({{CartLength}})</div>
    </nav-bar>

    <cart-goods-list />

    <cart-bot-bar />
  </div>
</template>

<script>
  import {mapGetters} from 'vuex'
  import NavBar from "@/components/common/navbar/NavBar";
  import CartGoodsList from "@/views/shopping/ChildComps/CartGoodsList";
  import CartBotBar from "@/views/shopping/ChildComps/CartBotBar";

  export default {
    name: "shopping",
    components:{
      NavBar,
      CartGoodsList,
      CartBotBar
    },
    computed:{
      ...mapGetters([
        'CartLength'
      ])
    }
  }
</script>

<style scoped>
  .shopping{
    height: 100vh;
  }
</style>
